import { Section } from "@/components";
import classnames from "classnames";
import styles from "./index.module.scss";

const SpaceShuttle = () => {
  return (
    <Section className={styles.wrapper}>
      <div className={styles.container}>
        <div className={styles.group}>
          <div className={classnames(styles.item, styles.item_right)}></div>
          <div className={classnames(styles.item, styles.item_left)}></div>
          <div className={classnames(styles.item, styles.item_top)}></div>
          <div className={classnames(styles.item, styles.item_bottom)}></div>
          <div className={classnames(styles.item, styles.item_middle)}></div>
        </div>
        <div className={styles.group}>
          <div className={classnames(styles.item, styles.item_right)}></div>
          <div className={classnames(styles.item, styles.item_left)}></div>
          <div className={classnames(styles.item, styles.item_top)}></div>
          <div className={classnames(styles.item, styles.item_bottom)}></div>
          <div className={classnames(styles.item, styles.item_middle)}></div>
        </div>
      </div>
    </Section>
  );
};

export default SpaceShuttle;
